<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>High Gear media exercise</title>


        <link rel="stylesheet" type="text/css" href="css/hgm_exercise.css">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3/dojo/dojo.xd.js"
       djConfig="parseOnLoad: true, dojoBlankHtmlUrl: 'blank.html'"></script>
<style type="text/css">
<!--
    @import "http://ajax.googleapis.com/ajax/libs/dojo/1.3/dijit/themes/tundra/tundra.css";
-->
</style>

  <script type="text/javascript" src="scripts/rpc.js">
</script>

    </head>

    <body>

        <div id="wrapper">

            <div id="bubble">

                <div id="left_border">
                    <div id="right_border">
                        <div id="bottom_border">
                            <div id="bottom_left_corner">
                                <div id="bottom_right_corner">
                                    <div id="top_border">
                                        <div id="top_left_corner">
                                            <div id="top_right_corner">
                                                <div id="bubble_content">

                                                    <!-- bubble content -->
                                                    <div id="product_info">
                                                        <img src="img/info-icon.gif" />
                                                        <p><span>X-tractor</span> is a tool for extracting links and images from HTML.</p>
                                                        <p>Either input the URL of a web page in the text field, or paste some HTML in the text box below.</p>
                                                    </div>



                                                </div><!-- end bubble content -->
                                            </div><!-- end top_right_corner -->
                                        </div><!-- top_left_corner -->
                                    </div><!-- end top border -->
                                </div><!-- end bottom_right_corner -->
                            </div><!-- end bottom left corner -->
                        </div><!-- end bottom border -->
                    </div><!-- end bottom right border -->
                </div><!-- end bottom left border -->

            </div><!-- end bubble -->



            <div id="input_form">
                <form id="d_form" name="d_form">
                    <table>
                        <tr>
                            <td>URL</td>
                            <td><input type="text" id="input_url" name="input_url" size="25" /></td>
                            <td><a id="process_form" href="#"
                onClick="scan_url()"><img src="img/go-button.gif" />G0!</a>
                           </td>
                        </tr>
                        <tr>
                            <td>HTML</td>
                            <td><textarea id="input_html" name="input_html"></textarea></td>
                                                        <td><a id="process_form" href="#"
                onClick="scan_html()"><img src="img/go-button.gif" />G0!</a>
                           </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="checkbox" id="input_checkbox_links" name="input_checkbox_links" /> x-tract links</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="checkbox" id="input_checkbox_images"  name="input_checkbox_images" /> x-tract images</td>
                        </tr>
                    </table>
                </form>
                <span id="error_msg"></span>


            </div><!-- end input_form -->



            <div id="results">
                <span class="result_frame" id="links_frame" style="display: none">
                <h2 id="results_link_text">found <span id="links_counter">0</span> links</h2>

                <ul id="result_links">
                </ul>
                </span>
                <span class="result_frame" id="images_frame" style="display: none">
                <h2 id="results_pics_text">found <span id="pics_counter">0</span> images</h2>

                <ul id="result_pics">
                </ul>
                </span>

            </div>
            <br clear="all" />
      <p><small><b>NOTE</b>: please configure database, zend path in ajax_server/init.php
                    and add a valid mySql user and database to ajax_server/configs/app.ini</snall></p>
            <p>Requires Zend Framework 1.9.*</p>


        </div><!-- end wrapper -->
      
    </body>
</html>
